<template>
	<div class="opear-header">
		
		<router-link tag='div' class="oh-l" to='/'>
			<span class="iconfont opear-back">
				&#xe675;
			</span>
		</router-link>
		
		<div class="oh-c">
			<p>
				添加文章
			</p>
		</div>
		
		<div class="oh-r"></div>
		
	</div>
</template>

<script>
	export default {
		name: 'opear-header'
	}
</script>

<style lang="stylus" scoped>
	@import '~stylus/glo.styl'
	.opear-header
		height:94px
		background:$public_thems_color
		border-bottom:1px #DCDBDC solid
		text-align:center
		line-height:94px
		font-size:28px
		color:#fff
		display:flex
		flex-direction:row
		.oh-l
			width:80px
			height:94px
			cursor:pointer
			.opear-back
				font-size:34px
		.oh-c
			flex:1
		.oh-r
			width:80px
			height:94px
</style>
